.banner ul, .banner ol { padding: 0;}
.banner { position: relative; overflow: auto; text-align: center;}
.banner li { list-style: none; }
.banner ul li { float: left; height:550px}

@media (min-width:1200px) {
.banner ul li { float: left; height:550px}
}

@media (min-width:992px) and (max-width:1199px) {
.banner ul li { float: left; height:400px}
}

@media (min-width:768px) and (max-width:991px) {
.banner ul li { float: left; height:450px}
}


@media (max-width:767px) {
.banner ul li { float: left; height:200px}
}




#b04 { width: 640px;}
#b04 .dots { position: absolute; left: 0; right: 0; bottom:0px;}
#b04 .dots li 
{ 
	display: inline-block; 
	width: 23px; 
	height: 10px; 
	margin: 0 0; 
	text-indent: -999em; 
	border-radius: 6px; 
	cursor: pointer;
	background:url("../img/btn.png") no-repeat -23px 0;
	-webkit-transition: .5s cubic-bezier(0.760, 0.010, 0.370, 1.615);
    -moz-transition: .5s cubic-bezier(0.760, 0.010, 0.370, 1.615);
    -o-transition: .5s cubic-bezier(0.760, 0.010, 0.370, 1.615);
    -ms-transition: .5s cubic-bezier(0.760, 0.010, 0.370, 1.615);
    transition: .5s cubic-bezier(0.760, 0.010, 0.370, 1.615);
}
#b04 .dots li.active 
{
	opacity: 1;
	background:url("../img/btn.png");
	
}
#b04 .arrow { position: absolute; top: 100px;}
#b04 #al { left: 15px;}
#b04 #ar { right: 15px;}
#b00 .arrow { position: absolute; top: 40%;}
#b00 #al { left: 15px;}
#b00 #ar { right: 15px;}